<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>小米账号 - 登录</title>
    <link rel="stylesheet" href="">
    <link rel="stylesheet" href="css/basic.css">
    <link rel="stylesheet" href="css/login.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
    <link rel="shortcut icon" href="//s01.mifile.cn/favicon.ico" type="image/x-icon">
    <script src="js/jquery.min.js"></script>
    <script src="js/login.js"></script>
</head>
<body>
    <!--注册页面头部-->
    <div class="login-header">
        <div class="header-content">
            <a href="index.html" class="logo">
                <img src="images/mistore_logo.png" alt="">
            </a>
        </div>
    </div>
    <!--注册页面内容-->
    <div class="login-content">
        <div class="wrap">
            <div class="login-form">
                <div class="form-header">
                    <div class="nav-tabs">
                        <a href="javascript:;" class="choise">账号登录<span class="sep"></span></a>
                        <a href="javascript:;">扫码登录</a>
                    </div>
                </div>
                <div class="input-box login-box">
                    <div class="form1">
                        <div class="form-content form-content1" style="margin-bottom: 15px;">
                            <input type="text" placeholder="邮箱/手机号码/小米ID" class="bbtn">
                        </div>
                        <div class="form-content form-content2">
                            <input type="password" placeholder="密码" class="psw">
                        </div>
                        <div class="error">
                            <em class="icon_error"></em>
                            <span class="error_con">手机号格式不正确</span>
                        </div>
                    </div>
                    <div class="form2" style="display: none">
                        <div class="phone-number">
                            <div class="country-list">+86</div>
                            <input type="text" placeholder="手机号码">
                        </div>
                        <div class="identifying-code">
                            <input type="text" placeholder="短信验证码">
                            <button class="code-panel">获取验证码</button>
                        </div>
                        <div class="num_error" style="float: left;">
                            <em class="icon_error"></em>
                            <span class="error_con">手机号格式不正确</span>
                        </div>
                    </div>

                    <div class="login-btn">
                        <input type="button" value="登录">
                    </div>
                    <div class="other-way">
                        <div class="message">
                            <a href="#">手机短信登录/注册</a>
                        </div>
                        <div class="reg-forget-link">
                            <a href="#" class="reg">立即注册</a>
                            <span>|</span>
                            <a href="#">忘记密码？</a>
                        </div>
                        <div class="other-way-links">
                            <div class="links">
                                <a href="https://auth.alipay.com/login/express.htm?">
                                    <img src="images/tag02.png" alt="">
                                </a>
                                <a href="https://open.weixin.qq.com/connect/qrconnect?appid=wxa21de3acc0
                                d5e79b&redirect_uri=https%3A%2F%2Fsns.account.xiaomi.com%2Fpass%2
                                Fsns%2Flogin%2Fload&response_type=code&scope=snsapi_login&state
                                =STATE_000534#wechat_redirect">
                                    <img src="images/tag03.png" alt="">
                                </a>
                                <a href="https://graph.qq.com/oauth2.0/show?which=Login&display=p
                                c&response_type=code&client_id=100284651&redirect_uri=https://a
                                ccount.xiaomi.com/pass/sns/login/load&state=STATE_799738">
                                    <img src="images/tag04.png" alt="">
                                </a>
                                <a href="https://api.weibo.com/oauth2/authorize?response_type=code&client_i
                                d=2996826273&redirect_
                                uri=https://sns.account.xiaomi.com/pass/sns/login/load&state=STATE_036288###">
                                    <img src="images/tag05.png" alt="">
                                </a>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="ercode-box login-box">
                    <div class="code-header">
                        <p>请使用小米手机/米家等小米旗下APP扫码登录<i class="fa fa-question-circle question-mark" style="font-size: 16px;"></i></p>
                    </div>
                    <div class="code-iframe">
                        <div class="code-img">
                            <img src="images/登录二维码.png" alt="">
                        </div>
                    </div>
                    <div class="custom_sub_txt">
                        <p>使用<span>小米商城APP</span>扫一扫</p>
                        <p>小米手机可打开「设置」>「小米帐号」扫码登录</p>
                    </div>
                </div>
                <div class="modal-tip">
                    <div class="modal_tip_flex">
                        <div class="modal_tip_header">
                            <div class="modal_tip_title">常见答疑</div>
                            <span class="modal_tip_close"><img src="images/关%20%20闭.png" alt=""></span>
                        </div>
                        <div class="ercode_tip">
                            <div class="question">
                                <div class="question-header">1.如何用小米手机扫一扫</div>
                                <div class="question-answer">答：点击小米手机 - 设置 - 帐号头像 - 右上角扫一扫。</div>
                            </div>
                            <div class="question">
                                <div class="question-header">2.小米旗下哪些App支持扫码登录？</div>
                                <div class="question-answer">答：目前包含米家、小米商城、小爱音箱。</div>
                            </div>
                            <div class="question">
                                <div class="question-header">3.其他登录方式？</div>
                                <div class="question-answer">答：可以使用微信/微博/QQ客户端扫码授权登录。</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
    <!--注册页面底部-->
    <div class="login-footer">
        <ul>
            <li>
                <a href="#">简体</a>
            </li>
            <span>|</span>
            <li>
                <a href="#">繁体</a>
            </li>
            <span>|</span>
            <li>
                <a href="#">English</a>
            </li>
            <span>|</span>
            <li>
                <a href="#">常见问题</a>
            </li>
            <span>|</span>
            <li>
                <a href="#">隐私政策</a>
            </li>
        </ul>
        <p class="nf-intro">
            小米公司版权所有-京ICP备10046444-
            <span><img src="images/ghs.png" alt=""></span>
            <a href="#">京公网安备11010802020134号</a>
            -京ICP证110507号
        </p>
    </div>
    <div class="modal_container">
    </div>
</body>
</html>